$--x-colors: (
  'black': #000000,
  'white': #ffffff,
  'font-size': 0.875rem,
  'font-size-small': 0.65rem,
  'font-size-medium': 1rem,
  'font-size-large': 1.125rem,
  'font-size-big': 1.25rem,
  'font-variant': tabular-nums,
  'font-family':
    'ubuntu, -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif',
  'font-code-family': 'SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace',
  'line-height': 1.5rem,
  'height-big': 2.25rem,
  'height-large': 2rem,
  'height-medium': 1.75rem,
  'height-small': 1.5rem,
  'height-mini': 1.375rem,
  'padding-big': 1rem,
  'padding-large': 0.875rem,
  'padding-medium': 0.625rem,
  'padding-small': 0.375rem,
  'padding-mini': 0.25rem,
  'border-style': solid,
  'border-radius': 0.125rem,
  'border-width': 0.0625rem,
  'box-shadow': 0 0.125rem 0.625rem 0,
  'box-shadow-base-color': rgba(0, 0, 0, 0.2),
  'box-shadow-base-width': 0.125rem,
  'box-shadow-base-width-minus': -0.125rem,
  'box-shadow-light-color': rgba(0, 0, 0, 0.14),
  'box-shadow-light-width': 0.0625rem,
  'box-shadow-light-width-minus': -0.0625rem,
  'box-shadow-focus': 0 0 0 0.125rem transparent,
  'animation-duration-slow': 0.3s,
  'animation-duration-base': 0.2s,
  'animation-duration-fast': 0.1s
);
